import React from 'react';
import {Image, Text, View} from "@tarojs/components";
import './index.scss';

export interface ListItemInfo {
  id:number,
}

function ListItem(params:ListItemInfo) {
  return (
    <View
      id={'view'}
      taroKey={String(params.id)}
      className='view-list-item'
    >
      <Image
        id={'image'}
        className='image-icon'
        src='https://img.asman.com.cn/assets/1575350962837_88569.png'
        mode='scaleToFill'
      />
      <View
        id={'view'}
        className='view-message'
      >
        <View
          id={'view'}
          className='view-name-and-date'
        >
          <Text className='text-name'>WangG</Text>
          <Text className='text-date'>2020-10-18  20:46</Text>
        </View>
        <Text className='text-status'>未联系客户</Text>
      </View>
    </View>
  );
}

export default ListItem;
